import React from 'react'
import { Tabs, WhiteSpace, Badge } from 'antd-mobile';
import { withRouter } from "react-router-dom";
import { NavBar, Icon } from 'antd-mobile';
import '../../styles/sidmsg/index.css'


const tabs = [
    { title: <Badge>私信</Badge> },
    { title: <Badge>评论</Badge> },
    { title: <Badge>@我</Badge> },
    { title: <Badge>通知</Badge> },
];

class Sidmsg extends React.Component {
    constructor() {
        super()
    }

    goback() {
        this.props.history.push('/find')
    }

    render() {
        return (
            <div className='sid-msg-wrap'>
                <NavBar
                    className='sid-msg-nav'
                    mode="light"
                    icon={<Icon type="left" />}
                    onLeftClick={this.goback.bind(this)}
                >我的消息</NavBar>

                <Tabs tabs={tabs} initialPage={0} >
                    <div className='sid-msg-tab' style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: '#fff' }}>

                    </div>
                    <div className='sid-msg-tab' style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: '#fff' }}>

                    </div>
                    <div className='sid-msg-tab' style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: '#fff' }}>
                    </div>
                    <div className='sid-msg-tab' style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: '#fff' }}>
                    </div>

                </Tabs>
                <WhiteSpace />
            </div>
        )
    }
}

export default withRouter(Sidmsg)